<template>
  <div class="sellelectron-box">
    <h1 class="sellelectron-h1">请选择产品</h1>
    <h2 class="sellelectron-h2">
      <p>Kindle</p>
      <p>无线耳机</p>
      <p>游戏机</p>
    </h2>
    <h3 class="sellelectron-h3">
      有以下问题的暂时不收：<br/>
      • 数据传输异常；账号登录异常<br/>
      • 充电异常；开机异常；网络无法连接Wi-Fi<br/>
      • 选择具体型号后提示不收的情况
    </h3>
    <h4 class="sellelectron-h4">
      <span>更多关于Kindle收购的问题</span>
      <i class="iconfont icon-24gl-arrowRight2"></i>
    </h4>
    <h5 class="sellelectron-h5">型号</h5>
    <h6 class="sellelectron-h6">
      <span>请选择Kindle型号</span>
      <i class="iconfont icon-24gl-arrowRight2"></i>
    </h6>
    <div class="sellelectron-h7">
      <p>获得估价</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "Sellelectron",
  data() {
    return {};
  },
};
</script>
<style scoped>
.Sellelectron-box {
  height: 100%;
  background-color: #fff;
}
.sellelectron-h1{
  height: .6rem;
  line-height: .6rem;
  font-size: 22px;
  font-weight: 700;
  padding-left: .1rem;
}
.sellelectron-h2{
display: flex;
justify-content: space-around;
align-items: center;
height: .6rem;
}
.sellelectron-h2 p{
  font-size: 20px;
  font-weight: 700;
  height: .4rem;
  text-align: center;
  line-height: .4rem;
  background-color: #f2f2f2;
  border-radius: .2rem;
  padding: 0 .2rem;
}
.sellelectron-h2 p:nth-child(1){
  background-color: #477a45;
  color: #fff;
}
.sellelectron-h3{
  font-size: 16px;
  color: #cf563a;
  background-color: #fcf6f3;
  margin:0 .1rem;
  height: 1rem;
  padding: .15rem 0 0 .15rem;
}
.sellelectron-h4{
  font-size: 18px;
  height: .6rem;
  line-height: .6rem;
  color: #477a45;
  padding-left: .1rem;
  margin-bottom: .1rem;
}
.sellelectron-h5{
  height: .6rem;
  line-height: .6rem;
  font-size: 22px;
  font-weight: 700;
  padding-left: .1rem;
}
.sellelectron-h6{
  font-size: 20px;
  font-weight: 700;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background-color: #f7f7f7;
  color: #477a45;
  margin: 0 .1rem;
}
.iconfont{
  font-size: 20px;
  padding-left: .1rem;
}
.sellelectron-h7{
  width: 100%;
}
.sellelectron-h7 p{
  width: calc(100% - .2rem);
height: .5rem;
text-align: center;
line-height: .5rem;
border-radius: .3rem;
background-color: rgb(147, 156, 143);
color: #fff;
position: fixed;
bottom: .1rem;
margin:0 .1rem;
font-size: 18px;
}
</style>